<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>login</title>
  <style type="text/css">
	*{padding:0;margin:0;}
	.login{border:1px solid #ccc;}
	.login{width:480px;height:420px;background:#fff;margin:100px auto;}
	.login .login-t{height:120px;}
	.login .login-t p{height:30px;font-size:20px;line-height:30px;padding-top:25px;text-align:center;color:#666666;}
	.login .login-t .login-line{height:20px;font-size:16px;line-height:20px;padding-top:10px;color:#666666;}
	.login .login-t .login-line a {color:#3481CF;text-decoration:none;}
	.login .login-t .login-line a:hover{text-decoration:underline;}

	.login .login-txt {height:270px;position:relative;}
	.login .login-txt .txt {width:240px;height:30px;position:absolute;left:120px;}
	.login .login-txt .t2{top:80px;}
	.login .login-txt .psd{width:240px;height:30px;position:absolute;left:120px;top:40px;}
	.login .login-txt .txt,.psd{font-size:14px;color:#666666;padding-left:10px;outline:none;border:1px solid #D6D6D6;border-radius:3px;}
	.login .login-txt .sub{width:250px;height:35px;background:#86CE2F;color:#fff;border:1px solid #86CE2F;position:absolute;left:120px;bottom:25px;}
	.login .login-txt .txt,.psa,.sub{line-height:30px;}
	.login .login-txt .psd{line-height:35px;}
	.login .login-fz{height:30px;position:relative;}
	.login .login-fz .login-bs{height:30px;width:220px;position:absolute;right:0;}
	.login .login-fz .login-bs ul li{list-style:none;float:left;text-align:center;color:#666666;line-height:30px;padding:1px;}
	.login .login-fz .login-bs ul li a{text-decoration:none;color:#666666;font-size:12px;}
	.login .login-fz .login-bs ul li a:hover{text-decoration:underline;}
	


	.login .login-txt .yzm{width:100%;height:84px;text-align:center;position:absolute;bottom:65px;}
  	.login .login-txt .yzm .myimg{padding-left:10px;}
</style>
  
 </head>
 <body>
		<div class="login">
			<div class="login-t">
				<p>帐号密码登录</p>
				<p class='login-line'>推荐使用<a href="#">快速安全登录</a>，防止盗号。</p>
			</div>
			<div class="login-txt">		
				<form action="{:url('test/login/doLogin')}" method="post"> 
				<input type="text" name="name" value = "" class="txt t1" placeholder="帐号"><br> 
				<a href="Javascript(voicd)"></a>
				<input type="password" name="password" value = "" class="psd" placeholder="密码"><br> 
				<input type="text" name="code" value = "" class="txt t2" placeholder="验证码"><br> 
				<input type="submit" value="登录" class="sub"> 
					<div class="yzm">
						<img  onclick="this.src='{:captcha_src()}?d='+Math.random();" alt="点击更换" title="点击更换" src="{:captcha_src()}" class="myimg">
					</div>
			</div>
			<div class="login-fz">
					<div class="login-bs">
						<ul>
							<li><a href="#">忘记密码?</a>|</li>
							<li><a href="#">注册新账号</a>|</li>
							<li><a href="#">意见反馈</a></li>

						<ul>
					</div>
			</div>
		</div>
 </body>
</html>
